<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>上传文件测试页面</title>
<link href="/css/uploadify.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
	font: 13px Arial, Helvetica, Sans-serif;
}
</style>
<script src="/js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="/js/jquery.uploadify.min.js" type="text/javascript"></script>
<script type="text/javascript">
		$(function() {
			$('#file_upload').uploadify({
				'formData': {
					'fileName' : 'file_upload'
				},
				'fileObjName' : 'file_upload',
				'swf'      : '/images/uploadify.swf',
				'uploader' : '/upload/upload.htm', //后台处理程序的相对路径
				'multi' : true, //设置为true时可以上传多个文件
				'auto' : false, //设置为true当选择文件后就直接上传了，为false需要点击上传按钮才上传 
				'queueID' : 'fileQueue',//文件在页面的显示的队列Id
				'queueSizeLimit' : 5,//队列最多显示的任务数量，如果选择的文件数量超出此限制，将会出发onSelectError事件
				'uploadLimit' : 2, //最大上传文件数量，如果达到或超出此限制将会触发onUploadError事件
				'fileTypeDesc' : '请选择*.doc;*.pdf;*.rar;*.png;*.jpfg;*.jpg格式文件', //这个属性值必须设置fileTypeExts属性后才有效，用来设置选择文件对话框中的提示文本，如设置fileTypeDesc为“请选择rar doc pdf文件”
				'fileTypeExts' : '*.doc;*.pdf;*.rar;*.zip;*.txt;*.png;*.jpeg;*.jpg,*.bmp;*.gif', //设置可以选择的文件的类型，格式如：’*.doc;*.pdf;*.rar’
				'buttonText' : '请选择文件', //浏览按钮的文本
				'onUploadSuccess' : function(file,data,response) { //当文件上传成功时触发
					alert("源文件"+file.name + "上传成功，新的文件名是"+data);
				}
			});
		});
	</script>
</head>

<body>
<h1>Uploadify Demo</h1>
	<form>
		<div id="fileQueue"></div>
		<input id="file_upload" name="file_upload" type="file" multiple="true">
		<p>
			<a href="javascript:$('#file_upload').uploadify('upload')">上传</a>
			<a href="javascript:$('#file_upload').uploadify('cancel')">取消上传</a>
			<a href="javascript:$('#file_upload').uploadify('upload','*')">开始上传所有文件</a>
			<a href="javascript:$('#file_upload').uploadify('cancel','*')">取消所有上传文件</a>
		</p>
	</form>
</body>
</html>
